<template>
  <div class="login-wrapper">
    <div class="login-title">{{ `登录 HaHo 运营系统` }}</div>
    <div class="login-sub-title">{{ `登录 HaHo 运营系统` }}</div>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="less" scoped>
  .login {
    &-wrapper {
      width: 320px;
      margin-bottom: 32px;
    }

    &-title {
      color: var(--color-text-1);
      font-weight: 500;
      font-size: 24px;
      line-height: 32px;
    }

    &-sub-title {
      color: var(--color-text-3);
      font-size: 16px;
      line-height: 24px;
    }

    &-error-msg {
      height: 32px;
      color: rgb(var(--red-6));
      line-height: 32px;
    }
  }
</style>
